<template>
  <ul class="ads">
    <li
      v-for="(ad, index) in ads"
      :key="index"
    >
      <img :src="$baseImgUrl + ad"/>
    </li>
  </ul>
</template>

<script>
export default {
  name: 'HomeAd',
  props: {
    ads: {
      type: Array,
      default() {
        return [];
      }
    }
  }
};
</script>

<style lang="less" scoped>
  .ads {
    li {
      height: 50px;
      margin-top: 0.5rem;
      border: 1px solid #ddd;
      background-color: #fff;
      img {
        width: 100%;
        height: 100%;
        border-radius: 3px;
      }
    }
  }
</style>
